{% extends base_template %}
{% load seahub_tags avatar_tags i18n %}
{% load url from future %}

{% block extra_style %}
<style type="text/css">
#main { position: relative; }
.go-back { top:-3px; }
</style>
{% endblock %}

{% block main_panel %}
<h2><span class="op-target">{{repo.props.name}}</span> {% trans "snapshots"%}</h2>
<a href="{{ SITE_ROOT }}repo/history/{{ repo.props.id }}/" class="go-back" title="{% trans "Back to modification history"%}">
    <span class="icon-chevron-left"></span>
</a>

<div class="commit-list-outer-container">
    <div class="commit-list-inner-container">
        <table class="commit-list">
            <tr>
                <th width="15%" class="time">{% trans "Create Time"%}</th>
                <th width="15%">{% trans "Last Modifier"%}</th>
                <th width="55%">{% trans "Detail"%}</th>
                <th width="15%">{% trans "Operations"%}</th>
            </tr>

            {% for commit in commits %}
            <tr>
                <td class="time">{{ commit.ctime|translate_seahub_time }}</td>
                <td>
                {% if commit.creator_name %}
                    {% if not commit.second_parent_id %}
                        {% avatar commit.creator_name 16 %} <a href="{% url 'user_profile' commit.creator_name|id_or_email %}" class="vam">{{ commit.creator_name|email2nickname }}</a>
		            {% else %}
                        {% trans "None"%}
                    {% endif %}
                {% else %}
                {% trans "Unknown"%}
                {% endif %}
                </td>
                <td>
                    {{ commit.props.desc|translate_commit_desc }}
                    {% if page_next or not forloop.last %}
                    <a class="lsch" href="#" data-url="{% url 'repo_history_changes' repo.id %}?commit_id={{ commit.id }}" data-time="{{ commit.props.ctime|tsstr_sec }}">{% trans "Details"%}</a>
                    {% endif %}
                </td>
                <td>
                    <a href="{% url 'repo_history_view' repo.id %}?commit_id={{ commit.id }}" class="op vh">{% trans "View"%}</a>
                    {% if is_repo_owner %}
                    <a href="#" data-url="{% url 'seahub.views.repo_history_revert' repo.id %}?commit_id={{ commit.id }}" class="repo-revert op vh">{% trans "Restore"%}</a>
                    {% endif %}
                </td>
            </tr>
            {% endfor %}
        </table>

        <div id="paginator">
            {% if current_page != 1 %}
            <a href="?page={{ prev_page }}&per_page={{ per_page }}">{% trans "Previous"%}</a>
            {% endif %}
            {% if page_next %}
            <a href="?page={{ next_page }}&per_page={{ per_page }}">{% trans "Next"%}</a>
            {% endif %}
            {% if current_page != 1 or page_next %}
            |   
            {% endif %}
            <span>{% trans "Per page: "%}</span>
            {% if per_page == 25 %}
            <span> 25 </span>
            {% else %}
            <a href="?per_page=25" class="per-page">25</a>
            {% endif %}
            {% if per_page == 50 %}
            <span> 50 </span>
            {% else %}
            <a href="?per_page=50" class="per-page">50</a>
            {% endif %}
            {% if per_page == 100 %}
            <span> 100 </span> 
            {% else %}
            <a href="?per_page=100" class="per-page">100</a>
            {% endif %}
        </div>
    </div>
</div>
{% endblock %}

{% block extra_script %}
<script type="text/javascript">
    {% include 'snippets/list_commit_detail.html' %}
    $('#back').click(function() {
        location.href = $(this).attr('data');
    });
addConfirmTo($('.repo-revert'), {
        'title':"{% trans "Restore Library" %}",
        'con':"{% trans "Are you sure you want to restore this library?" %}"
});
</script>
{% endblock %}
